<!-- <script setup lang="ts">
import {reactive} from 'vue';
const props = defineProps({
    navList:{
        type:Array,
        require:true,
    },
    fI:{
        type:String,
        require:true,
    },
    cI:{
        type:String,
        require:true,
    }
})
const changeNav = (a,b)=>{
    if(classifyData.disable) return false;
    classifyData.disable = true;
    classifyData.fI = a;
    classifyData.cI = b;
    setTimeout(() => {
        classifyData.disable = false;
    }, 500);
}
</script>
<template>
    <div class="classify-container">
        <div class="classify-nav">
            <div class="classify-nav-item" v-for="(v,i) in classifyData.navList" :key="i">
                <div class="nav-item-title">
                    <img :src="v.icon" alt="" />
                    <span>{{ v.module }}</span>
                </div>
                <div class="nav-item-c" :class="[i==classifyData.fI&&index==classifyData.cI?'active':'']" 
                v-for="(c,index) in v.child" :key="index" @click="changeNav(i,index)"
                >
                    {{ c }}
                </div>
            </div>
        </div>
        <div class="classify-list">
            <div class="classify-list-item" v-for="(v,i) in 10" :key="i">
                <div class="list-item-pic">
                    <img src="" alt="" />
                </div>
                <div class="list-item-title">
                    专辑标题专辑标题专辑辑标题专辑专辑辑标题专辑
                </div>
            </div>
        </div>
    </div>
</template> -->